/* 销售中的新增客户 */
import React from 'react'
import style from './add_user.less'
import { Button, Input, Select, DatePicker } from 'antd'

export default function add_user() {

  const handleChange = (value) => {
    console.log(`selected ${value}`);
  };

  const onChange = (date, dateString) => {
    console.log(date, dateString);
  };
  return (
    <div className={style.addProfile}>
      <div className={style.top}>
        <Button>保存</Button>
        <Button>保存且新增</Button>
        <Button>草稿箱</Button>
        <Button>导入</Button>
      </div>
      <div className={style.content}>
        <p>客户档案</p>
        <div className={style.content_info}>
          {/* 基本信息 */}
          <table>
            <tbody>
              <tr>
                <td colSpan={20} style={{ background: 'linear-gradient(#e6eefb, #f7fbff)' }}>基本信息</td>
              </tr>
              <tr>
                <td style={{ background: 'linear-gradient(#e6eefb, #f7fbff)' }}></td>
                <td style={{ background: 'linear-gradient(#e6eefb, #f7fbff)' }}>所在市区</td>
                <td >
                  <Select
                    defaultValue="未知"
                    style={{
                      width: 242,
                    }}
                    onChange={handleChange}
                    options={[
                      {
                        value: '未知',
                        label: '未知',
                      },
                    ]}
                  />
                </td>
                <td style={{ background: 'linear-gradient(#e6eefb, #f7fbff)' }}></td>
                <td colSpan={3}></td>
                <td style={{ background: 'linear-gradient(#e6eefb, #f7fbff)' }}></td>
                <td colSpan={3}></td>
              </tr>
            </tbody>
          </table>
          {/* 主要联系人信息 */}
          <table>
            <tbody>
              <tr>
                <td colSpan={20} style={{ background: 'linear-gradient(#e6eefb, #f7fbff)' }}>主要联系人信息</td>
              </tr>
              <tr>
                <td style={{ background: 'linear-gradient(#e6eefb, #f7fbff)' }}></td>
                <td style={{ background: 'linear-gradient(#e6eefb, #f7fbff)' }}></td>
                <td colSpan={3}></td>
                <td style={{ background: 'linear-gradient(#e6eefb, #f7fbff)' }}></td>
                <td colSpan={3}></td>
                <td style={{ background: 'linear-gradient(#e6eefb, #f7fbff)' }}></td>
                <td colSpan={3}></td>
              </tr>
            </tbody>
          </table>

          {/* 财务信息 */}
          <table>
            <tbody>
              <tr>
                <td colSpan={20} style={{ background: 'linear-gradient(#e6eefb, #f7fbff)' }}>财务信息</td>
              </tr>
              <tr>
                <td style={{ background: 'linear-gradient(#e6eefb, #f7fbff)' }}></td>
                <td style={{ background: 'linear-gradient(#e6eefb, #f7fbff)' }}></td>
                <td colSpan={3}></td>
                <td style={{ background: 'linear-gradient(#e6eefb, #f7fbff)' }}></td>
                <td colSpan={3}></td>
                <td style={{ background: 'linear-gradient(#e6eefb, #f7fbff)' }}></td>
                <td colSpan={3}></td>
              </tr>
            </tbody>
          </table>

          {/* 业务信息 */}
          <table>
            <tbody>
              <tr>
                <td colSpan={20} style={{ background: 'linear-gradient(#e6eefb, #f7fbff)' }}>业务信息</td>
              </tr>
            </tbody>
          </table>

          {/*附件 */}
          <table>
            <tbody>
              <tr>
                <td colSpan={20} style={{ background: 'linear-gradient(#e6eefb, #f7fbff)' }}>附件<button>批量上传</button></td>
              </tr>
              <tr>
                <td style={{ width: "45%" }}>文件名称</td>
                <td>文件大小</td>
                <td>上传人</td>
                <td>上传时间</td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
              </tr>
              <tr>
                <td colSpan={20}></td>
              </tr>
            </tbody>
          </table>




        </div>
      </div>
    </div>
  )
}

